
.header_table{
    color: blue;
}
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    overflow: hidden;
    padding: 4px 10px;
}
.right_align{
    text-align: right;
}
.content_event{
    font-family: Verdana, Arial, Helvetica, sans-serif;;
    font-size: 11px;
}
.float_left{
    float: left;
}
.float_right{
    float: right;
    padding-right: 10px;
}
.color_blue{color: #2e16b1;}
.color_blue_red{color: #ff6400;}
.bold{font-weight: bold}
.ui-panel-title {
    color: #2e16b1;
/*    background-color: #2e16b1;*/
    font-weight: bold;
    text-align: center;
}
.upcoming_event{
    color: #b1f100;
    background-color: #2e16b1;
    font-weight: bold;
}
.content_left{
    background-color: #036fab;        
    float: left;
    width: 770px;
}

.content_right{
    float: left;
    padding-left: 0px;
    background-color: #e2ecf4;
    width: 230px;
    font-size: 11px;
    font-family: sans-serif;
}
#topleft {
background: url("../../resources/images/logo.gif");
    background-color: #036fab;     
    height: 190px;
    float: left;
    width: 770px;

}
#topright{
    float: left;
    padding-left: 0px;
    background-color: #e2ecf4;
    width: 230px;
    height: 190px;
}
.inline_block{
    display: inline-block;
    width: 100%;
}
#bottom {
    position: relative;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    background-color: #dddddd;
    padding: 5px;
}



#top a:link, #top a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;
}
.main_body{
    padding-top: 5px;
    margin: 0 auto; 
    text-align: left; 
    width: 1000px;
}
.main_body_admin{

    margin: 0 auto; 
    text-align: left; 
    width: 1000px;
    background-color: gainsboro;
}


.topLink{
    background-color:  #b1f100;
    height: 30px;


}

.toplinkText{
    color: #002596;
    padding-top: 7px;
    font-weight: bold;
    padding-left: 30px;
}
.left_align{
    text-align: left;
}
body{
    overflow: auto;
    margin: 0; 
    padding: 0; 
    text-align: center;
    background-color: black;
}
.content_display{
    background-color:  #bbb;
}
.separator_div{
    height: 10px;
}
.separator_div_admin{
    height: 10px;
   background-color: white;
}
.menu_color{
    color: #ff6400;
}
.copyright{
    background-color: #b1f100;
    color: #2e16b1;
    text-align: center;
    height: 25px;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 5px;
}
.columns{
    color: #2e16b1;
    text-align: left;
}
.panel_user{
    /*    background-color: #ff6400;*/
    padding-bottom: 0;
    color: #2e16b1;
    text-align: center;
    height: 30px;
    /*    padding-top: 7px;*/
    font-weight: bolder;
    /*    font-size: larger;*/
}
tricolor{
    /*    xanh*/
    color: #2e16b1; 
    /*   xanh xhuoi */
    color: #b1f100;
    /*    do*/
    color:#ff6400;
}
